html,
body,
ul,
ol {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #08c; }
  a:hover {
    color: #006699; }

.message, .success, .error, .waring {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333; }

.success {
  border-color: green; }

.error {
  border-color: red; }

.waring {
  box-border: yellow; }

.container {
  width: 100%; }

.article[role="main"] {
  float: left;
  width: 62.5%; }

.aside[role="complimentary"] {
  float: left;
  width: 31.25%; }

.box-border {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: #efefef; }
